<template>
  <div class="industry-eco-container">
    <ChooseList
      :chooseData="chooseData"
      @componentChange="
        (comp) => {
          this.component = comp;
        }
      "
    />
    <component :is="component" />
  </div>
</template>

<script>
import ChooseList from "../../../components/common/ChooseList.vue";
import specialist from "./specialist.vue";
import college from "./college.vue";
import company from "./company.vue";
import organization from "./organization.vue";
import league from "./league.vue";
export default {
  components: {
    ChooseList,
    specialist,
    college,
    company,
    organization,
    league,
  },
  data() {
    return {
      chooseData: [
        {
          title: "专家",
          component: specialist,
        },
        {
          title: "企业",
          component: company,
        },
        {
          title: "高等院校",
          component: college,
        },
        {
          title: "智库机构",
          component: organization,
        },
        {
          title: "联盟/协会",
          component: league,
        },
      ],
      component: specialist,
    };
  },
};
</script>

<style lang="scss" scoped>
// @import "../../../styles/componentCommon.scss";
.industry-eco-container {
  padding: 20px;
  display: flex;
}
</style>
